@CHARSET "UTF-8";

* {
    padding: 0;
    list-style: none;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

html, body {
    font: normal 13px "Microsoft YaHei";
    font-family: "Microsoft YaHei","微软雅黑","sans-serif";
    /* _font:normal 13px "sans-serif"; */
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}

.oh {
    overflow: hidden;
}

a {
    text-decoration: none;
}

img {
    border: none;
}

input, img, select {
    border-style: none;
    vertical-align: middle;
   
}

select {
    *vertical-align: top;
   
}

.span2 {
    width: 19.97%;
}

.span3 {
    width: 29.97%;
}

.span4 {
    width: 39.97%;
}

.span5 {
    width: 49.97%;
}

.span6 {
    width: 59.97%;
}

.span7 {
    width: 69.97%;
}

.span8 {
    width: 79.97%;
}

.span9 {
    width: 89.97%;
}

.span10 {
    width: 100%;
}
.ml5
{
     margin-left:5px;
}
.ml10
{
     margin-left:10px;
}
.ml15
{
     margin-left:15px;
}
.ml20
{
     margin-left:20px;
}
.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}
.mt20 {
    margin-top: 20px;
}
.mt25 {
    margin-top: 25px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb25 {
    margin-bottom: 25px;
}

.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pb5 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pl20 {
    padding-bottom: 20px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.lh20 {
    line-height: 20px;
}

.lh22 {
    line-height: 22px;
}

.lh25 {
    line-height: 25px;
}

.lh28 {
    line-height: 28px;
}

.lh30 {
    line-height: 30px;
}
.wh30 {
    width: 30px;
}
.wh40 {
    width: 40px;
}
.wh50 {
    width: 50px;
}
.wh60 {
    width: 60px;
}
.hh60 {
    height: 60px;
}
.hh50 {
    height: 50px;
}
.hh40 {
    height: 40px;
}
.hh30 {
    height: 30px;
}
.wh70 {
    width: 70px;
}
.wh90 {
    width: 90px;
}
.wh120 {
    width: 120px;
}

.wh80 {
    width: 80px;
}

.wh100 {
    width: 100px;
}
.hh100 {
    height: 100px;
}
.wh150 {
    width: 150px;
}
.wh140 {
    width: 140px;
}
.wh180 {
    width: 180px;
}
.wh200 {
    width: 200px;
}
.wh220 {
    width: 220px;
}
.wh250 {
    width: 250px;
}
.wh280 {
    width: 280px;
}
.wh300 {
    width: 300px;
}
.wh350 {
    width: 350px;
}
.wh400 {
    width: 400px;
}

.wh500 {
    width: 500px;
}
.wh600 {
    width: 600px;
}
.wh700 {
    width: 700px;
}
.wh800 {
    width: 800px;
}

.wh1200 {
    width: 1200px;
}
/*配色表*/
.color307fb1 {
    color: #307fb1;
}

.displaynone {
   display:none;
}
.displayinline {
   display:inline;
}
.wh10percent {
    width: 10%;
}
.wh20percent {
    width:20%
}
.wh30percent {
    width: 30%;
}
.wh40percent {
    width: 40%;
}
.wh50percent {
    width: 50%;
}
.wh80percent {
    width: 80%;
}
.wh100percent {
    width: 100%;
}
.wh25percent{
    width:25%;
}